<template>
<!-- 页面底部 售后服务 -->
  <div class="service container">
      <div class="service-item">
          <img v-lazy="'/imgs/icon-setting.png'" alt="" class="icon-img">
          <span>预约维修服务</span>
      </div>
      <div class="service-item">
          <img v-lazy="'/imgs/icon-7day.png'" alt="" class="icon-img">
          <span>7天无理由退货</span>
      </div>
      <div class="service-item">
          <img v-lazy="'/imgs/icon-15day.png'" alt="" class="icon-img">
          <span>15天免费换货</span>
      </div>
      <div class="service-item">
          <img v-lazy="'/imgs/icon-post.png'" alt="" class="icon-img">
          <span>满150元包邮</span>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
    .service{
        padding: 33px;
        display: flex;
        justify-content: space-around;
        .icon-img{
            width:20px;
            height: 19px;
            margin-right: 5px;
            vertical-align: middle;
        }
        span{
            font-size: 16px;
            font-weight: bold;
            color: #666666;
        }
    }
</style>